<template>
  <div class="box">
    <!-- 头部 -->
    <div class="top"><Header /></div>

    <!-- 左侧菜单 -->
    <div class="left"><Nav /></div>
    <!-- 右侧内容 -->
    <div class="right">
 <Content />
    </div>
   
  </div>
</template>
 
<script>
import Header from "./children/Header";
import Nav from "./children/Nav";
import Content from "./children/Content";
export default {
  data() {
    return {
       
    };
  },
  components: {
    Header,
    Nav,
    Content,
  },
};
</script>
 
<style lang = "less" scoped>
.bxo {
  position: relative;
  height: 100%;
}
.top {
  height: 100px;
  background-color: #409eff;
}
.left {
  position: absolute;
  left: 0;
  top: 100px;
  bottom: 0;
  right: 1560px;
  width: 310px;
  height: 100%;
   background-color:#545c64
}
.right{
    width: 1700px;
     position: absolute;
  left: 320px;
  top: 100px;
  bottom: 0;
  right: 0;

}
</style>